<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>#{lang['web.title.hoidap']}</title>
	<script>
		$(document).ready(function(){
			$('#nav-hoidap').addClass('active');
		});
	</script>
</h:head>
<body>
	<div class="container">
		<div class="row">
			<ul class="list-inline location-page">
				<li><a href="/#{lang['web.url']}/hoi-dap/" title="#{lang['web.title.tintuc']}">#{lang['web.title.hoidap']}</a></li>
				<li>
					<h:outputText  rendered="#{hoidapBean.renderTitle}" value="#{lang['web.title.nganhnghe']}"  title="#{lang['web.title.nganhnghe']}"></h:outputText> 
					<h:outputText  rendered="#{!hoidapBean.renderTitle}" value="#{lang['web.title.tuyensinh']}"  title="#{lang['web.title.tuyensinh']}"></h:outputText>
				</li>
			</ul>
		</div>
	</div>
	
	<!-- NỘI DUNG CÁC NGHÊ NGHIỆP -->
	<div class="container">
		<div class="row">
			<div class="hidden-md cls-div-end"></div>
		</div>
		
		<div class="row">
			<!-- NỘI DUNG -->
			<div class="col-md-9 col-sm-9 col-xs-12">
				<h:panelGroup id="id-plg-questions">
					<!-- Tên loại các bài viết -->
					<div class="row">
						<div class="title-row col-md-4 col-sm-4 col-xs-12" style="margin-top: 0;">
							<h:outputText  rendered="#{hoidapBean.renderTitle}" value="#{lang['web.title.hoidap-nganhnghe']}" title="#{lang['web.title.hoidap-nganhnghe']}"></h:outputText> 
							<h:outputText  rendered="#{!hoidapBean.renderTitle}" value="#{lang['web.title.hoidap-tuyensinh']}" title="#{lang['web.title.hoidap-tuyensinh']}"></h:outputText>
						</div>
					</div>
					<!-- END Tên loại các bài viết -->
					
					<!-- Nội dung các bài viết -->
					<div class="row">
						<ui:repeat var="question" value="#{hoidapBean.listN300}">
							<div class="col-md-12 col-sm-12 col-xs-12  question-main">
								<a class="question-title a-link" href="/#{lang['web.url']}/hoi-dap/#{question.urltheloai}/#{question.md5baiviet}/" title="#{question.tieude}" >#{question.tieude}</a>
								<p class="question-summary">
									<span class="question-icon" >#{lang['web.title.cauhoi']}:</span>
									#{question.tomtat}
								</p>
							</div>
						</ui:repeat>
					</div>
					<!-- END Nội dung các bài viết -->
					
					<!-- Phân trang -->
					<div class="row text-center">
						<div class="col-md-12 col-sm-12 col-xs-12">
							<h:form>
								<input type="hidden" value="#{hoidapBean.page.numrow}" id="pagin-numrow" />
								<input type="hidden" value="#{hoidapBean.page.totalpage}" id="pagin-totalpage" />
								<input type="hidden" value="#{hoidapBean.page.currentpage}" id="pagin-currentpage" />
								<input type="hidden" value="#{hoidapBean.page.numrow}" id="pagin-numrow" />
								<input type="hidden" value="#{lang['web.title.pageprev']}" id="pagin-prev" />
								<input type="hidden" value="#{lang['web.title.pagenext']}" id="pagin-next" />
								
								<ul class="pagination" id="id-pagination"></ul>
								
								<p:remoteCommand name="remote_gotopage" actionListener="#{hoidapBean.goToPage}" update=":id-plg-questions" oncomplete="pagin()" process="@form"></p:remoteCommand>
							</h:form>
						</div>
					</div>
					<!-- END Phân trang -->
				</h:panelGroup>
			</div>
			<!--END NỘI DUNG -->
			
			<!-- NỘI DUNG BÊN PHẢI -->
			<div class="col-md-3 col-sm-3 col-xs-12">
				<div class="row">
					<div class="hidden-md hidden-sm visible-xs col-xs-12 padding-bottom-20"></div>
					<!-- TIN TUC LIEN QUAN -->
					<div class="col-md-12 col-sm-12 col-xs-12 padding-bottom-20">
						<div class="title-row title-row-child">Tin tức nổi
							bật</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
						<div class="news-feature">
							<img alt="" src="/#{lang['web.nameproject']}/images/upload/job1.jpg" />
							<div class="news-feature-content">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
						</div>
					</div>
					<!-- END TIN TUC LIEN QUAN -->
					
					<!-- HỔI ĐÁP -->
					<div class="col-md-12 col-sm-12 col-xs-12 padding-bottom-20">
						<div class="title-row title-row-child">Hỏi đáp</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
							<div class="news-question">
								<h4>
									<a>Triển vọng nghề rộng mở với hệ thống thông tin quản lý</a>
								</h4>
								<p class="title-date">20/10/2014</p>
							</div>
					</div>
				</div>
					<!-- HỔI ĐÁP -->
			</div>
			<!-- END TIN TUC LIEN QUAN -->
		</div>
	</div>
	<!--END NỘI DUNG TIN TỨC -->
</body>
</html>